<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <title>Document</title>
  <style>

  </style>
</head>

<body>
  <script src="./axios.js"></script>
<button>添加一本新书</button>
</body>
<script>

  //使用axios发送Ajax请求语法:
  /*
  axios({
    method:'',//指定请求方式,默认GET[GET,POST,DELETE,PUT,PATCH]
    url:'',//指定请求地址,必须填
    params:{},//指定请求参数,非必填
    data:{}//指定请求体,非必填
  }).then((result) => {
    //result 是axios的设计者,设计的一个对象
    //result.data 表示服务器响应的结果
  })
  */

  //点击按钮 ,添加
  document.querySelector('button').addEventListener('click', function () {
    axios({
      method: 'POST',//不写的话 默认get请求
      url: 'http://www.itcbc.com:3006/api/addbook',
      // data  提交数据用的
      data: {
        bookname: '如何追求富婆',//书名  字符长度2-10
        author: '吱吱',//作者  字符长度2-10
        publisher: '新华',//出版社  字符长度2-10
        // appkey:'自己的'
      }
    }).then(({ data: res }) => {
      console.log(res); //输出  服务器返回数据

    })
  })
</script>

</html>